<template>
  <div class="demo-pagination-block">
    <!-- https://element-plus.org/zh-CN/component/pagination.html -->
    <el-pagination hide-on-single-page=true :page-sizes="[10, 20, 50, 100]" background=true
      layout="total, sizes, prev, pager, next" @size-change="change2" @current-change="change" :total="400" />
  </div>
</template>
<script>

export default {
  data() {
    return {
    }
  },
  methods: {

    change(val) {
      console.log("change  " + val)
    },
    change2(val) {
      console.log("change2 " + val)
    }


  }
}
</script>

<style scoped>
.demo-pagination-block+.demo-pagination-block {
  margin-top: 10px;
}

.demo-pagination-block .demonstration {
  margin-bottom: 16px;
}
</style>